html, body, input, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
}

html, body, div, p, form, fieldset, legend, label, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font: 12px 'Helvetica Neue','Nimbus Sans L',Arial,Helvetica,sans-serif;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

input, textarea {
    outline: medium none;
}

textarea {
    overflow: auto;
    resize: none;
}

input, textarea, select {
    border: 1px solid #AACCE5;
    padding: 3px;
}

li, ul, ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
}

h4 {
    border-bottom: 3px solid #DDDDDD;
    color: #999999;
    margin-bottom: 8px;
    overflow: auto;
    padding-bottom: 4px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

a, a:active, a:visited {
    color: #336699;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}

#nav {
    background: url("../images/nav1.png") repeat-x scroll 0 -53px #3265B0;
    border-bottom: 2px solid #EEEEEE;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 98;
}

#navWrap {
    height: 37px;
    margin: auto;
    max-width: 980px;
    min-width: 764px;
    position: relative;
}

#logo {
    background: url("../images/nav1.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    left: -6px;
    position: absolute;
    text-indent: -99em;
    top: 3px;
    width: 134px;
}

.navLt {
    left: 135px;
}

.navLt, .navRt {
    line-height: 21px;
    margin-top: 7px;
    position: absolute;
}

#search-form {
    display: inline;
    left: 5px;
    position: relative;
}

#navSearch {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: inline;
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 33px;
    width: 155px;
}

.eIcon {
    background: url("../images/icons.png") no-repeat scroll 0 0 transparent;
    display: block;
    max-height: 40px;
    min-height: 16px;
    padding-left: 22px;
}

.eIconSearchNav {
    background-position: 5px -801px;
}

.navLt a {
    margin-left: 15px;
}

.navLt > a, .navRt > a, .navLt .submenu > a, .navRt .submenu > a {
    color: #FFFFFF;
    font-weight: bold;
}

.navLt .submenu {
    margin-left: 10px;
}

.submenu {
    padding: 5px;
    position: relative;
}

.submenu .txt.navArw {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

.submenu .navArw {
    cursor: pointer;
    margin: 0;
    padding: 3px 4px;
}

.navRt {
    right: 0;
}

.navLt, .navRt {
    line-height: 21px;
    margin-top: 7px;
    position: absolute;
}

.navRt a {
    margin-right: 15px;
}

.submenu .navArw {
    background-position: -11px 9px;
}

.submenu .navArw, .dropdown li {
    background: url("../images/nav2.png") no-repeat scroll 0 999px transparent;
}

.dropdownName {
    width: 110px;
}

.dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #3265B0;
    display: none;
    left: 0;
    padding: 2px 5px;
    position: absolute;
    top: 24px;
    width: 150px;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}   

.clearfix:after {
    clear: both;
}

#content {
    background: url("../images/grey-texture.png") repeat scroll 0 0 transparent;
    margin: 60px auto 0;
    padding: 8px;
    width: 964px;
}

#footer {
    border-top: medium none;
    font-size: 11px;
    padding: 10px;
    text-align: center;
}

#footer a, #footer p {
    border-right: 0 solid #999999;
    display: inline-block;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
}

#homeContentRight {
    display: inline;
    float: right;
    width: 800px;
}

.contentWrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828B9C;
    padding: 10px 7px;
}

#left-navbar {
    display: inline;
    float: left;
    margin: -9px 0 0 -156px;
    width: 140px;
}

#avatar {
    height: 140px;
    margin-bottom: 5px;
    width: 140px;
}

#avatarName, .groups, .students, .communities, #show-all-schools-label, .suggestions, .tags, #active-schools-container, #active-teachers-container, #suggest-me-box {
    margin-bottom: 15px;
}

#avatarName {
    color: #444444;
    display: block;
    font-weight: bold;
    word-wrap: break-word;
}

.mainFilters, .filterWrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EFECED -moz-use-text-color #EFECED #EFECED;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    margin: 0;
    padding: 4px 0;
}

.mainFilters, .filterWrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EFECED -moz-use-text-color #EFECED #EFECED;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    margin: 0;
    padding: 4px 0;   
}

.mainFilters {
    margin-bottom: 15px;
    z-index: 10;
}


.filterWrap .activeFilter, .groupSubFilters .activeFilter, .parentSubFilters .activeFilter a, .assignmentSubFilters .activeFilter {
    color: #444444;
    font-weight: bold;
}

.filterWrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #828B9C;
    margin-left: -14px;
    margin-right: -9px;
    padding-left: 14px;
    padding-right: 9px;
    position: relative;
}

.mainFilters .filterEverything, .moreFilterWrap a {
    margin-left: 0;
}

.mainFilters a {
    margin-bottom: 5px;
}

.mainFilters a {
    margin-left: 10px;
}

.eIconDirect {
    background-position: 0 -40px;
}

.eIconStudent {
    background-position: 0 -840px;
}

.eIconWrite {
    background-position: 0 -160px;
}

.filterWrap .filterWrapBot {
    background: url("../images/arrow.png") no-repeat scroll 0 -136px transparent;
    bottom: -8px;
    height: 7px;
    left: 0;
    position: absolute;
    width: 7px;
}

h4 a, h4 p {
    display: inline;
    float: right;
    font-weight: normal;
    margin-left: 5px;
}

h4 p a {
    float: none;
}

h4 a, h4 p {
    display: inline;
    float: right;
    font-weight: normal;
    margin-left: 5px;
}

#avatarName, .groups, .students, .communities, #show-all-schools-label, .suggestions, .tags, #active-schools-container, #active-teachers-container, #suggest-me-box {
    margin-bottom: 15px;
}

.groups {
    position: relative;
}

.group {
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative;
    word-wrap: break-word;
}

.group .hex {
    border: 1px solid #DDDDDD;
    height: 12px;
    left: 4px;
    position: absolute;
    top: 0;
    width: 12px;
}

.listCommunity {
    margin-bottom: 5px;
}

.listCommunity li {
    border-bottom: 1px solid #EEEEEE;
    min-height: 42px;
    padding: 5px 0 5px 50px;
    position: relative;
}

.listCommunity .thumb {
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
}

.listCommunity a {
    display: block;
    word-wrap: break-word;
}

#content_middle {
    display: inline;
    float: left;
    width: 590px;
}

.feedTitleWrap {
    border-bottom: 1px solid #DFEDF6;
    padding: 0 0 15px;
}

#feedTitle {
    float: left;
}

h1 {
    font-size: 13px;
}

#feedTitle p {
    font-size: 13px;
    font-weight: bold;
}

.postBoxFeedWrap {
    background: url("../images/greyDot.png") repeat-y scroll 55px 0 transparent;
    min-height: 600px;
}

#postBoxWrap, #pb_wrap {
    border-bottom: 1px solid #DFEDF6;
}

#postBoxWrap .pbLabel {
    float: left;
    font-weight: bold;
    margin-top: 15px;
    padding-right: 5px;
    text-align: right;
    width: 50px;
}

#postBoxWrap .PostBox {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 7px 0 10px 10px;
    position: static;
    width: 520px;
    z-index: auto;
}

#postBoxWrap .PostBox .post-types {
    float: left;
    margin: 7px 0 5px;
}

#postBoxWrap .PostBox .post-types a {
    float: left;
    padding-bottom: 2px;
}

.post-types > a.active {
    color: #555555;
    cursor: default;
    font-weight: bold;
}

.post-types > .note {
    background-position: 2px 2px;
}

.post-types > .note, .post-types > .alert, .post-types > a.assignment, .post-types > .poll, .PostBox .date > a {
    background: url("../images/postbox.png") no-repeat scroll 0 0 transparent;
}

.post-types > a {
    cursor: pointer;
    float: right;
    margin: 0 17px 0 0;
    padding: 0 0 1px 20px;
}

.post-types > .alert {
    background-position: 0 -22px;
}

.post-types > a.assignment {
    background-position: 0 -46px;
    margin-right: 14px;
}

.post-types > .quiz {
    background: url("../images/quiz.png") no-repeat scroll 1px -118px transparent;
}

.post-types > .poll {
    background-position: 0 -71px;
}

.PostBox > .entry-boxes, .PostBox > .Attachments, .PostBox > .ReceiversBox {
    float: left;
    margin: 5px 0;
}

.PostBox > .entry-boxes {
    clear: both;
    float: left;
    margin: 0;
}

.PostBox .TextPostBox textarea, .PostBox .ChalkPostBox > input, .PostBox .PollEntry > textarea, .PostBox .AssignmentEntry > textarea {
    width: 535px;
}

#postBoxWrap .TextPostBox textarea, #postBoxWrap .ChalkPostBox input, #postBoxWrap .PollEntry textarea, #postBoxWrap .AssignmentEntry textarea {
    height: 30px;
    width: 510px;
}

.AssignmentEntry > *, .TextPostBox > *, .ChalkPostBox > *, .PollEntry > * {
    clear: both;
    float: left;
    margin: 5px 0;
}

.PostBox .err {
    clear: both;
    color: #FF0000;
    float: left;
    margin: 0 0 10px;
    width: 510px;
}

.PostBox > .Attachments {
    margin-top: 0;
    padding-left: 5px;
    width: 80%;
}

.Attachments > .lbl, .Attachments > .link, .Attachments > .lib {
    float: left;
    padding: 5px;
}

.Attachments > .lbl {
    padding-left: 0;
    padding-top: 4px;
}

.PostBox > .Attachments .Uploader, .PostBox > .Attachments .Uploader form {
    width: 53px;
}

.Uploader {
    clear: none;
    float: left;
}

.ReceiversBox, .ReceiversBox .receivers, .ReceiversBox .type-something, .ReceiversBox .suggestions, .ReceiversBox .searchresults {
    width: 470px;
}

#postBoxWrap .ReceiversBox, .ReceiversBox .receivers, #postBoxWrap .ReceiversBox .type-something, #postBoxWrap .ReceiversBox .suggestions, #postBoxWrap .ReceiversBox .searchresults {
    width: 450px;
}

.PostBox > .entry-boxes, .PostBox > .Attachments, .PostBox > .ReceiversBox {
    float: left;
    margin: 5px 0;
}

#postBoxWrap .ReceiversBox .receivers {
    width: 440px;
}

.ReceiversBox .receivers {
    border: 1px solid #AACCE5;
    cursor: text;
    float: left;
    margin: 0 5px 0 0;
    min-height: 17px;
    padding: 5px 4px 4px;
    position: relative;
    width: 464px;
}

.lang-fr #postBoxWrap .ReceiversBox .receivers, .lang-fr #postBoxWrap .ReceiversBox .searchresults, .lang-fr #postBoxWrap .ReceiversBox, .ReceiversBox .receivers {
    width: 440px;
}

.lang-el #postBoxWrap .ReceiversBox .receivers, .lang-el #postBoxWrap .ReceiversBox .searchresults, .lang-el #postBoxWrap .ReceiversBox, .ReceiversBox .receivers {
    width: 445px;
}

.lang-de #postBoxWrap .ReceiversBox .receivers, .lang-de #postBoxWrap .ReceiversBox .searchresults, .lang-de #postBoxWrap .ReceiversBox, .ReceiversBox .receivers {
    width: 435px;
}

.ReceiversBox .receivers input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin: 0;
    padding: 0;
    width: 90px;
}

.ReceiversBox .suggestions, .ReceiversBox .type-something {
    float: left;
    position: relative;
    z-index: 90;
}

.ReceiversBox .searchresults > * {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    clear: left;
    color: #666666;
    cursor: pointer;
    min-height: 23px;
    overflow: hidden;
    padding: 4px 3px 3px;
    text-decoration: none;
}

.ReceiversBox .searchresults div.bottom-label {
    background-color: #3265B0;
    color: #FFFFFF;
    height: 20px;
    padding: 5px 0 0 10px;
}

.PostBox > input[type="button"] {
    margin: 5px 0;
}

input[type="submit"], input[type="button"] {
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

input[type="submit"], input[type="button"], .eBtn {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #999999;
    color: #444444;
    cursor: pointer;
    overflow: visible;
    padding: 3px 5px;
}

.PostBox input.send[type="button"] {
    float: right;
    font-weight: bold;
    height: 28px;
    margin-left: 0;
    margin-right: 15px;
    padding: 0 15px 3px;
    position: relative;
    z-index: 91;
}

#postBoxWrap .PostBox input.send[type="button"] {
    float: left;
    margin-left: -1px;
}

#postBoxWrap .PostBox input.send[type="button"] {
    margin-right: 0;
}

#message-feed {
    clear: both;
}

.feed-container {
    background: url("../images/greyDot.png") repeat-y scroll 55px 0 transparent;
}

.post-entry {
    border-top: 1px solid #DFEDF6;
    clear: both;
    padding: 10px 0 2px;
}

.post-entry:first-child {
    border-top: 0 none;
}

.post-entry .avatar {
    float: left;
    height: 42px;
    margin: 3px 0 0 6px;
    overflow: hidden;
    width: 42px;
    word-wrap: break-word;
}

.post-entry .avatar img {
    font-size: 11px;
    height: 42px;
    width: 42px;
}

.post-entry .textpost {
    margin: 0 0 0 65px;
}

.post-entry .msg-info {
    padding: 2px 20px 0 5px;
}

.post-entry .message-options, .reply-options {
    color: #336699;
    float: right;
}

.post-entry .msg-info .msg-receiver, .post-entry .new-tag, .post-entry .assignment-title {
    font-weight: 700;
}

.post-entry .textpost .msg-receiver {
    display: inline;
    font-weight: 700;
}

.post-entry .msg-content-container {
    background: url("../images/feed.png") no-repeat scroll 0 -48px #ECEFF5;
    overflow: hidden;
    padding: 12px 7px 9px;
}

.post-entry .textpost .msg-content-text {
    line-height: 18px;
}

.post-entry-footer {
    clear: both;
    color: #336699;
    margin: 0 0 0 70px;
    padding: 7px 0;
}

.post-entry-footer > li {
    border-left: 1px solid #444444;
    cursor: pointer;
    float: left;
    margin: 0 0 8px;
    padding: 0 9px;
}

.post-entry-footer > li.msg-tags-container {
    padding: 0;
}

.post-entry .clear-div, .clear-div {
    clear: both;
}

.comment-content {
    margin: 10px 0 10px 71px;
    overflow: hidden;
}

.comment-content .comment-avatar {
    float: left;
}

.comment-content img {
    height: 28px;
    width: 28px;
}

.comment-content .comment-right {
    float: right;
    padding: 0 25px 0 0;
    width: 87%;
}

.comment-content .comment-right .comment-wrapper {
    line-height: 18px;
}

.comment-content .comment-right .comment-wrapper .sender-lnk {
    font-weight: 700;
}

.comment-content .comment-right .comment-wrapper {
    line-height: 18px;
}

.comment-content .comment-right .extra-info {
    color: #336699;
    font-size: 11px;
    margin: 4px 0 0;
    overflow: hidden;
}   

.comment-content .comment-right .extra-info li {
    border-left: 1px solid #BBBBBB;
    cursor: pointer;
    float: left;
    margin: 0 2px;
    padding: 0 0 0 2px;
}

.comment-content .comment-right .extra-info li:first-child {
    border: 0 none;
    color: #999999;
    cursor: auto;
    margin: 0 2px 0 0;
    padding: 0;
}

.reply-container {
    margin: 7px 0 0 65px;
    padding: 0 0 5px;
}

.reply-container .avatar {
    height: 28px;
    width: 28px;
}

.reply-container textarea {
    margin: 2px 0 7px 10px;
    width: 85%;
}

.reply-container.comment-reply textarea {
    height: 20px;
}

.reply-container .empty-reply-error {
    color: red;
    margin: 0 0 0 45px;
    padding: 4px 0;
}

input.blue-btn {
    background: none repeat scroll 0 0 #336699;
    border: 1px solid #AACCE5;
    color: #FFFFFF;
    font-weight: 700;
    padding: 5px 7px;
}   

.post-entry .reply-btn {
    margin: 0 0 0 42px;
}

.post-entry-footer > li:first-child, .post-entry-footer > li:first-child:hover {
    border: 0 none;
    color: #444444;
    cursor: auto;
    padding: 0 10px 0 0;
    text-decoration: none;
}

#right-navbar {
    display: inline;
    float: right;
    overflow: hidden;
    width: 190px;
}

#spotlight-container {
    margin: 0 0 20px;
    padding: 0 4px 20px;
}

#spotlight-container, #minSpotlight {
    background: url("../images/spotlight.jpg") no-repeat scroll 0 bottom transparent;
}

#spotlight-container .spotlight {
    background: none repeat scroll 0 0 #FDFCC4;
    padding: 10px 7px 0;
}

#invite-a-teacher {
    margin-bottom: 25px;
}

#invite-a-teacher a span {
    background: url("../images/invite-envelope.png") no-repeat scroll 0 0 transparent;
    float: left;
    padding: 21px 25px 10px;
}

.suggestions {
    margin-bottom: 25px;
}

.suggestions h4 {
    margin-bottom: 2px;
}

.suggestion {
    border-bottom: 1px solid #EEEEEE;
    min-height: 42px;
    padding: 5px 20px 5px 50px;
    position: relative;
}

.suggestion .thumb {
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 42px;
}

.suggestion .thumb img {
    height: 42px;
    width: 42px;
}

#the-wrap {
    background: url("../images/grey-texture.png") repeat scroll left top #F4F4F4;
    float: left;
    margin-left: 4px;
    padding: 8px;
}

#the-wrap {
    margin-left: 0;
    padding: 0;
}

#the-panel {
    float: right;
    width: 377px;
}

#the-panel {
    width: 362px;
}


#the-panel .profile-actions, #the-panel .profile-stat, .add-donors-choose, .donors-choose-panel, #the-panel .thumb-container {
    margin-left: 18px;
}
.profile-actions {
    background: url("../images/blue-rec-rounded.png") no-repeat scroll left top transparent;
    font-size: 12px;
    height: 40px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 6px 10px 0;
}

#the-panel .profile-actions, #the-panel .profile-stat, .add-donors-choose, .donors-choose-panel, #the-panel .thumb-container {
    margin-left: 18px;
}

#progress-bar-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #444444;
    float: left;
    height: 22px;
    margin-right: 7px;
    margin-top: 2px;
    padding-left: 0;
    padding-top: 0;
    width: 150px;
}

#progress-bar {
    background: url("../images/stripes100x100.png") repeat scroll 0 0 #118877;
    border-right: 1px solid #444444;
    float: left;
    height: 22px;
    overflow: hidden;
    width: 112px;
}

.profile-progress span {
    color: #666666;
    float: left;
    font-weight: normal;
    margin-top: 6px;
}

.profile-progress span strong {
    color: #118877;
}

#progress-next-step {
    clear: both;
    float: left;
    font-size: inherit;
    margin-top: 13px;
    width: 100%;
}

#prof #progress-next-step a {
    font-size: inherit;
}

.profile-stats {
    clear: left;
    float: left;
    margin: 20px 0;
}

.profile-stat {
    background: url("../images/profile-stat-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 64px;
    margin-left: 20px;
    text-align: center;
    width: 70px;
}

#the-panel .profile-stat {
    margin-right: 1px;
}

#the-panel .profile-actions, #the-panel .profile-stat, .add-donors-choose, .donors-choose-panel, #the-panel .thumb-container {
    margin-left: 18px;
}

.profile-stat strong {
    color: #444444;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 28px;
    padding-top: 4px;
}

#the-panel .profile-stat strong {
    font-size: 18px;
    height: 29px;
    padding-top: 4px;
}

.profile-stat div {
    color: #666666;
    font-size: 10.5px;
}

.profile-stat div {
    font-size: 10px;
}

.profile-stat .student-count-label {
    margin-top: 7px;
}

#the-teacher {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828B9C;
    float: left;
    margin: 0;
    padding: 15px;
    width: 550px;
}

#the-teacher {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 3px 3px 3px #CCCCCC;
    width: 565px;
}

#main-info .info {
    float: left;
    padding-left: 15px;
    padding-top: 5px;
    width: 402px;
}

#other-info {
    float: left;
    margin-top: 5px;
    width: 410px;
}

#main-info #tabs-wrap {
    clear: left;
    float: left;
    min-height: 310px;
    width: 100%;
}

#main-info ul, #main-info li {
    float: left;
}

#main-info ul {
    border-bottom: 1px solid #828B9C;
    margin-left: -15px;
    padding-left: 20px;
    width: 560px;
}

#main-info ul {
    width: 575px;
}

#main-info ul, #main-info li {
    float: left;
}

#main-info li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/button.png") repeat-x scroll left bottom transparent;
    border-color: #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 10px 12px;
}

#main-info li.current {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-color: #828B9C #828B9C #FFFFFF;
    border-right: 2px solid #828B9C;
}

#main-info li.current a {
    color: #444444;
    cursor: default;
    font-weight: bold;
}

#main-info .avatar {
    border: 1px solid #DDDDDD;
    float: left;
    height: 140px;
    margin-bottom: 15px;
    padding: 3px;
    width: 140px;
}

#main-info .info h1 {
    border: medium none;
    color: #444444;
    font-size: 24px;
    padding: 0 0 5px;
}

#main-info .info h1 {
    font-size: 16px;
}

.thumb-container {
    clear: left;
    float: left;
    margin-top: 15px;
    width: 100%;
}

#about p {
    background: url("../images/striped-paper.png") repeat-y scroll left top transparent;
    color: #444444;
    font-size: 14px;
    line-height: 25px;
    margin: 5px 0;
    padding: 8px 10px 10px 22px;
}

#about p {
    font-size: 13px;
}

#about-me {
    display: block;
    font-size: 12px;
    height: 40px;
    width: 540px;
}

#about-me-save {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 4px;
}

.add-donors-choose *, .donors-choose-panel *, .places-school, #main-info .info > div, .places-previous-title, .thumb-container .title, #about-me-save, #the-panel .thumb-container .title, #prof .remove.connection.btn, #prof .connection-removed, #prof .request.connection, #edit-about, #cancel-edit, .donors-proposal a {
    font-size: inherit;
}

#cancel-edit {
    margin-left: 10px;
    margin-top: 9px;
}

#edit-about {
    background: url("../images/button.png") repeat-x scroll left bottom transparent;
    border: 1px solid #999999;
    color: #444444;
    display: block;
    float: left;
    font-size: inherit;
    margin-top: 5px;
    padding: 2px 4px;
    text-decoration: none;
}

#cancel-edit {
    margin-left: 10px;
    margin-top: 9px;
    float: left;
}

#settings-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828B9C;
    float: left;
    padding: 10px 12px 15px 2px;
    width: 800px;
}

div#middle-column {
    float: left;
    margin: 0 25px;
    width: 580px;
}

#settings-content div#middle-column {
    margin: 0 0 0 10px;
    width: 565px;
}

#settings-content div#user-photo {
    margin-bottom: 10px;
}

#settings-content h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 3px;
    color: #999999;
    overflow: auto;
    padding-bottom: 4px;
    padding-left: 0;
}

.container {
    border-color: #DDDDDD;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    clear: both;
    font-size: 11px;
    padding: 10px;
}

#settings-content .container {
    border: medium none;
    padding: 0;
}

#settings-content div#user-photo > div.container {
    padding: 10px 0 15px;
}

div#photo-picker {
    float: left;
}

form#upload-image-form {
    margin-bottom: 15px;
}

span.instructions {
    display: block;
    font-size: 11px;
    padding: 3px 2px;
}

#settings-content div#user-photo .instructions {
    padding-bottom: 3px;
}

#photo-picker .next, #photo-picker .prev {
    color: #CCCCCC;
    float: left;
    font-size: 29px;
    margin-top: 27px;
    text-decoration: none;
}

#photo-picker .next, #photo-picker .prev {
    color: #CCCCCC;
    float: left;
    font-size: 29px;
    margin-top: 27px;
    text-decoration: none;
}


#photo-picker .next.enabled, #photo-picker .prev.enabled {
    color: #3265B0;
}

.avatar-pages {
    float: left;
    height: 98px;
    margin-left: 6px;
    width: 346px;
}

#settings-content div.avatars > img {
    border: 1px solid #EEEEEE;
}

div#current-photo {
    float: right;
    text-align: center;
    width: 140px;
}

div#current-photo > * {
    display: block;
    margin-top: 10px;
}

#settings-content img {
    border: 1px solid #DDDDDD;
}

div#current-photo > img {
    margin: auto;
}

div#current-photo > label {
    font-size: 11px;
    margin-top: 5px;
}

div.clear {
    height: 0;
}

div#personal-info {
    float: left;
    width: 270px;
}

div.success {
    background-color: #3265B0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}

form > label, form > div > label {
    clear: both;
    display: block;
    font-size: 11px;
    padding-top: 7px;
}

#personal-info-form input, #password-form > input {
    float: left;
    font-weight: bold;
    width: 236px;
}


#personal-info-form input, #password-form > input {
    font-weight: 400;
    padding: 4px 3px;
    width: 262px;
}

div.error-msg {
    background-color: #CC0000;
    color: #FFFFFF;
}

div.error-msg, div#email-status > div {
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px;
    width: 190px;
}

div#password, div#institution, div#about {
    float: right;
    width: 270px;
}

#notifications, #privacy, #grades, #hidden-conn-comms, #school-website, #district-website, #forward-ips {
    float: right;
    width: 205px;
}


#settings-content #notifications {
    background: none repeat scroll 0 0 #ECEFF5;
    border: 1px solid #AACCE5;
    padding: 0 5px 5px;
    width: 195px;
}


#settings-content #notifications h3 {
    border-bottom-color: #CCCCCC;
    color: #666666;
}


#settings-content span#letter {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}

#settings-content #privacy {
    margin-top: 20px;
}

#notifications-form > ul > li, #privacy-form > ul > li {
    margin: 5px 0;
}

#settings-content #save-privacy, #settings-content #school-change {
    margin-top: 10px;
}

input.grey-btn {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-weight: 700;
    padding: 5px 7px;
}

.eIconGrade {
    background-position: 0 -1200px;
}

.eIconAlert {
    background-position: 0 -120px;
}

.eIconQuiz {
    background: url("../images/quiz.png") no-repeat scroll 0 -118px transparent;
}

#spotlight-container .spotlight a {
    margin-bottom: 6px;
    padding-left: 22px;
}

.selected {
    border-color: #79A6EA;
}

.tags .tag-types .tag-type {
    margin-right: 5px;
    padding: 2px 5px;
    text-decoration: none;
}

.tags .tag-types .selected {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #444444;
}

.tags #tags {
    padding: 7px 4px;
}

.tags .none-yet {
    padding: 5px;
}

.tags h4 {
    margin-bottom: 1px;
}

.popup #groups-editor  {
    float: left;
    margin: auto;
    min-height: 33px;
    padding-bottom: 5px;
    text-align: left;
    width: 350px;
}

#groups-editor-2  {
    float: left;
    margin: auto;
    min-height: 33px;
    padding-bottom: 5px;
    text-align: left;
    width: 350px;
}

.highlight-management {
    margin: -10px -10px 10px;
    text-align: center;
}

.groups-editor .separator {
    float: left;
    width: 100%;
}

.popup .separator {
    border-bottom: 2px solid #DDDDDD;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.popup .separator label {
    display: block;
    padding-bottom: 5px;
}   

.popup .group-name {
    border: 1px solid #AACCE5;
    color: #666666;
    font-size: 15px;
    padding: 5px;
    width: 260px;
}

.popup .error {
    border: 1px solid #CC0000;
}

.popup .error {
    background-color: #CC0000;
    color: #FFFFFF;    
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center;
    width: 272px;
}

.highlight-management a {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #336699;
    display: block;
    padding: 4px;
    position: relative;
}

.popup .separator select {
    font-size: 12px;
    padding: 3px;
}

.popup .send-button {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    padding: 4px 10px;
}

#join-group-content, #edit-template {
    height: 26px;
    margin: auto;
    text-align: left;
    width: 350px;
}

.code-input {
    padding-left: 10px;
}

.popup .code-input {
    border: 1px solid #AACCE5;
    color: #CCCCCC;
    float: left;
    font-weight: bold;
    padding: 5px;
    width: 239px;
}

#join-group-content .code-input {
    padding: 4px;
}

#join-group-content .code-input {
    height: 16px;
}

.popup .code-button {
    float: left;
    height: 26px;
    margin: 0 0 1px 0px;
    padding: 4px 10px;
}

.popup .join-error {
    background-color: #CC0000;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 2px;
    margin-bottom: 4px;
    padding-top: 2px;
    text-align: center;
    width: 248px;
}

#facebox #fld_email_invite {
    color: #CCCCCC;
    font-style: italic;
    width: 350px;
}

.mt0{
    margin-top: 0px !important; 
}

footer {
    background: none repeat scroll 0 0 white;
    /*border-top: 1px solid #EBEBEB;*/
    box-shadow: none;
    color: #666666;
    height: 75px;
    position: relative;
    z-index: 1;
    display: block;
}

footer .container:after {
    clear: both;
}

footer .container:before, .container:after {
    content: "";
    display: table;
}

footer .container {
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
    width: 958px;
}

ul.horz-menu {
    list-style: none outside none;
    margin: 0;
}


footer #footer-nav {
    float: right;
}

.horz-menu li {
    display: inline;
    margin-bottom: 0;
    padding: 0 6px;
}

footer #copyright {
    float: left;
}

.horz-menu li.first {
    border-left: medium none;
    padding-left: 0;
}

.groups .filterWrap, .students .filterWrap, .schools .filterWrap {
    padding-left: 37px;
}

.group .hex {
    border: 1px solid #DDDDDD;
    height: 12px;
    left: 4px;
    position: absolute;
    top: 0;
    width: 12px;
}

.groups .filterWrap .hex, .students .filterWrap .hex, .schools .filterWrap .hex {
    left: 17px;
    top: 4px;
}

.eIconTeacher {
    background-position: 0 -880px;
}

#feedTitle p > span {
    border: 1px solid #DDDDDD;
    float: left;
    height: 12px;
    margin-right: 7px;
    margin-top: 2px;
    width: 12px;
}

.GroupInfoPanel {
    clear: both;
}

.GroupInfoPanel > .name {
    background: none repeat scroll 0 0 #3265B0;
    font-weight: bold;
    padding-top: 3px;
}

.GroupInfoPanel .groupTitle {
    background: none repeat scroll 0 0 transparent !important;
    color: #999999;
    padding: 0 0 4px;
}

.GroupInfoPanel .code-box {
    margin-bottom: 25px;
    min-height: 30px;
}

.GroupInfoPanel .code-box #links {
    display: block;
}

.GroupInfoPanel .DropDown, .GroupInfoPanel > .options > .request-join, .GroupInfoPanel .grades, .GroupInfoPanel .withdraw, .GroupInfoPanel .public, .GroupInfoPanel > .options > .rss, .GroupInfoPanel > .options > .settings {
    background: url("../images/group.png") no-repeat scroll 0 0 transparent;
}

.GroupInfoPanel .public {
    background-position: 0 -180px;
}

.GroupInfoPanel #links > *, .GroupInfoPanel > .options > * {
    display: block;
    padding: 5px 0 5px 22px;
    text-transform: capitalize;
}

.GroupInfoPanel .grades {
    background-position: 0 -75px;
}

.GroupInfoPanel .withdraw {
    background-position: 0 -110px;
}

.GroupInfoPanel .members {
    margin-bottom: 25px;
}

.GroupInfoPanel .members h4 {
    width: 188px;
}

.GroupInfoPanel .members span.memCount {
    font-weight: 400;
    padding-left: 5px;
}

.GroupInfoPanel .members .all, .GroupInfoPanel .members .manage {
    float: right;
}

.GroupInfoPanel .members .list a {
    float: left;
    height: 42px;
    margin: 0 5px 5px 0;
    overflow: hidden;
    width: 42px;
}

.parentCode {
    background: none repeat scroll 0 0 #3265B0;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 700;
    margin-top: 5px;
    padding: 5px 8px;
}

.eIconPencil {
    background-position: 0 -1120px;
}

#adminOptions > a, #parentOptions > a {
    clear: both;
    float: left;
    margin: 5px;
    padding-left: 24px;
}

#adminOptions > .settings, #parentOptions > .rel {
    background-position: 1px -1119px;
}

#adminOptions > .manage {
    background-position: 0 -723px;
}


#adminOptions > .del, #parentOptions > .del {
    background-position: 1px -1080px;
}

.GroupInfoPanel.owned #code, .GroupInfoPanel.owned > .options, .GroupInfoPanel.owned .members > .options, .GroupInfoPanel.owned .members > .manage {
    display: block;
}

.GroupInfoPanel .code-box #code > * {
    float: left;
}

.GroupInfoPanel .code-box #code > span {
    margin: 5px 8px 10px 0;
}

.DropDown {
    width: 200px;
    z-index: 20;
}

.GroupInfoPanel .DropDown, .GroupInfoPanel .DropDown * {
    background-color: transparent;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
}

.GroupInfoPanel .DropDown {
    width: 96px;
}

.DropDown-h {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #AACCE5 -moz-use-text-color #AACCE5 #AACCE5;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    cursor: pointer;
    float: left;
    font-size: 13px;
    outline: medium none;
    overflow: hidden;
    width: 175px;
}

.GroupInfoPanel .DropDown-h {
    border: medium none;
    cursor: text;
    height: 26px;
    padding: 1px 5px;
    width: 62px;
}

.DropDown .DropDown-h > * {
    height: 15px;
}

.DropDown .DropDown-h > *, .DropDown .SelectList > .list > * {
    padding: 3px;
}

.GroupInfoPanel .DropDown-h div {
    font-weight: bold;
}

.DropDown .arrow {
    background: url("../images/downarrow.gif") no-repeat scroll center center #FFFFFF;
    border: 1px solid #AACCE5;
    float: left;
    height: 21px;
    width: 21px;
}

.GroupInfoPanel .DropDown .arrow {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 24px;
    width: 16px;
    cursor: pointer;
}

.SelectList {
    border: 1px solid #CCCCCC;
    outline: medium none;
    overflow-x: hidden;
    overflow-y: auto;
}

.DropDown .ListBox {
    background: none repeat scroll 0 0 #FFFFFF;
}

.GroupInfoPanel .DropDown .ListBox {
    height: 46px;
}

.ListBox .emtpy {
    float: left;
    margin: 10px 5px;
}

.GroupInfoPanel .DropDown .SelectList > .list > *, .GroupInfoPanel .DropDown .ListBox * {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 1px 5px;
}

.ListBox > .list > * {
    width: 100%;
}

.SelectList > .list > * {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    cursor: pointer;
    float: left;
    height: 16px;
    vertical-align: middle;
}

.listbox-pin-wheel {
    clear: both;
    float: left;
    height: 20px;
    width: 20px;
}

.GroupInfoPanel.owned .code-box #links, .GroupInfoPanel.owned .members .all {
    display: none;
}

.GroupInfoPanel > .options > .request-join {
    background-position: 0 -40px;
}

.GroupInfoPanel > .options > .settings {
    background-position: 0 -241px;
}

.GroupInfoPanel > .options > .rss {
    background-position: 0 -216px;
}

.GroupInfoPanel .public {
    background-position: 0 -180px;
}

.GroupInfoPanel.owned .code-box {
    margin: 6px 0 0;
}

.GroupInfoPanel .DropDown.open, .GroupInfoPanel .DropDown.open .ListBox {
    background-color: transparent;
    background-image: url("../images/dd_bg.png");
    background-repeat: no-repeat;
    overflow: visible;
}

.control_hide {
    height: 46px !important; 
    display: none; 
    left: 0px; 
    position: absolute; 
    width: 95px; 
    top: 26px; 
    background-position: 0px -26px !important;
}

.control_open {
    height: 46px !important; 
    left: 0px; 
    position: absolute; 
    width: 95px; 
    top: 26px; 
    background-position: 0px -26px !important;
    display: block;
}

.groups-editor .del, .groups-editor .archive {
    float: left;
    font-size: 12px;
    margin: 8px;
    padding: 0 0 0 20px;
}

.groups-editor .archive {
    background: url("../images/group.png") no-repeat scroll 0 -150px transparent;
    margin-left: 35px;
}

.groups-editor a.del {
    background: url("../images/group.png") no-repeat scroll 20px -115px transparent;
    border-left: 1px solid #DDDDDD;
    margin: 8px 0 0 10px;
    padding: 0 0 0 40px;
}

.join-request-cont {
    text-align: left;
}

.join-request-url {
    margin-bottom: 5px;
    min-width: 370px;
}

.tweet-group {
    background: url("../images/twitter.png") no-repeat scroll left center transparent;
    padding-left: 25px;
}

.GroupInfoPanel.owned > .options {
    margin: 0 0 25px;
}

#postBoxWrap .PostBox .AssignmentEntry .title, #postBoxWrap .PostBox .QuizAssigner .title {
    padding: 4px 3px;
    width: 340px;
}

.AssignmentEntry > input.load {
    clear: none;
    margin-left: 10px;
}

.PostBox .date {
    width: 200px;
}

.post-entry .assignment-title {
    font-size: 13px;
    line-height: 95%;
    padding: 2px 0 15px;
}

.nice-button {
    border-radius: 2px 2px 2px 2px;
}

.post-entry .quiz-link, .post-entry .ass-link {
    border: 1px solid #999999;
    font-weight: 700;
    padding: 6px 5px 6px 24px;
}

.post-entry .ass-link {
    background: url("../images/icons.png") no-repeat scroll 5px -155px #F7F7F7;
}

.post-entry .due-date {
    background: url("../images/feed.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline;
    font-size: 11px;
    padding: 0 3px 0 7px;
}

.post-entry .due-date p {
    color: #FFFFFF;
    display: inline;
    font-size: inherit;
    font-weight: 700;
}

.post-entry .quiz-description, .post-entry .assignment-description {
    padding: 14px 0 0;
}

.msg-additional-content {
    background: none repeat scroll 0 0 #ECEFF5;
    clear: both;
    overflow: hidden;
}

.msg-additional-content li {
    clear: both;
    padding: 6px 0;
}

.link-wrap {
    clear: left;
}

.link-wrap .link-thumb-wrap {
    background: none repeat scroll 0 0 white;
    border: 1px solid #AACCE5;
    float: left;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.link-wrap img.audio, .link-wrap img.xls, .link-wrap img.doc, .embed-link-btn, .link-wrap img.link_thumb, .link-wrap img.pdf, .link-thumb-wrap .icon {
    width: 80px;
}

.link-wrap .link-info {
    float: left;
    margin: 5px 0 0 8px;
    overflow: hidden;
    width: 400px;
}

.link-wrap .link-info a {
    float: left;
    margin: 0 0 5px;
}

.link-wrap .link-info a.link_title {
    font-weight: 700;
    margin: 2px 0 3px;
    max-width: 430px;
}

.block-clear {
    clear: both;
}

.doc-view-preview {
    color: #118877;
    font-size: 11px;
    font-weight: 400;
}

.link-wrap .link-info a.link_url, .link-wrap .link-info a.doc-view-preview {
    color: #118877;
    font-size: 11px;
    margin: 3px 0 0;
    max-width: 410px;
}

div.assignment {
    background: none repeat scroll 0 0 #7A8692;
    float: left;
    margin: 0;
    padding: 8px 5px 10px 8px;
    width: 949px;
}

div.assignment > h3 {
    background: url("../images/assignment.png") no-repeat scroll 5px center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 3px;
    padding: 7px 10px 7px 24px;
    position: relative;
    width: 380px;
    word-wrap: break-word;
}

div.assignment .assignment-right-tools {
    float: right;
    margin-top: 5px;
}


div.assignment .assignment-right-tools > .due-date {
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 3px;
}

div.assignment .assignment-right-tools > .default-total-button {
    border-color: #CCCCCC;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 7px 5px;
}

div.assignment .assignment-right-tools > .default-total {
    border-right: 0 none;
    float: right;
    font-size: 15px;
    width: 40px;
}

div.assignment .assignment-right-tools > .default-total-label {
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
}

div.assignment > h3 a {
    color: #FFFFFF;
    display: block;
}

div#middle-column2 {
    position: absolute;
    top: 124px;
    width: 350px;
}

div#group-container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #DDDDDD #DDDDDD;
    border-image: none;
    border-right: 1px solid #DDDDDD;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
}

div#group-container h4 {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 7px 0;
    width: 100%;
}   

div#group-container h4 span {
    margin-left: 5px;
}

div#group-container a.user {
    border-bottom: 1px solid #DFEDF6;
    clear: both;
    display: block;
    float: left;
    height: 40px;
    text-decoration: none;
    width: 100%;
}

div#group-container a.user img {
    height: 25px;
    margin-left: 7px;
    margin-top: 7px;
    width: 25px;
}

div#group-container a.user img {
    border: 1px solid #DDDDDD;
    float: left;
}

div#group-container a.user div.user-info {
    color: #666666;
    float: left;
    width: 297px;
}

div#group-container a.user div.user-info span.name {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-left: 7px;
    margin-top: 12px;
}

div#group-container a.ungraded span.status, div#group-container a.not-turned-in span.status {
    background-color: #336699;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 14px;
    padding: 0 2px;
    text-transform: capitalize;
}

div#right-column {
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    float: left;
    margin-left: 350px;
}

div#right-column {
    width: 611px;
}

#assignment-description-title {
    background: none repeat scroll 0 0 #D8E2EC;
    color: #444444;
    font-weight: bold;
    padding: 8px;
    width: 595px;
}

#assignment-description-title .due-date {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;
}


#assignment-description-content {
    margin: 10px;
}

.post-entry2 {
    text-align: left;
    width: 510px;
}

.post-entry2 {
    padding: 5px 0;
}

.post-entry2:before, .post-entry2:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}

.post-entry2:before, .post-entry2:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}

.post-entry2:after, .post-entry2 .clear-div {
    clear: both;
}

.file-label {
    clear: left;
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding-top: 5px;
    width: 100%;
}

div.file-label {
    padding-top: 5px;
    width: 575px;
}


.file-icon-wrap {
    background-color: #FFFFFF;
    border: 1px solid #AACCE5;
    float: left;
    height: 60px;
    margin-bottom: 7px;
    margin-right: 10px;
    overflow: hidden;
    padding: 3px;
    width: 80px;
}


.file-label .icon {
    background-color: #FFFFFF;
    background-position: center center;
    min-height: 60px;
    min-width: 80px;
}

.file-label .file-link-wrap {
    float: left;
    width: 405px;
}

#submission-content-files .file-label .file-link-wrap, div#assignment-description-content .file-label .file-link-wrap, #submission-comments .file-label .file-link-wrap {
    width: 477px;
}

.file-label .file-link-wrap a {
    float: left;
    margin-top: 8px;
}


#assignment-description-content .doc-view-preview {
    float: left;
    margin-top: 6px;
}

.file-icon-wrap img {
    width: 55px;
}

div#assignment-replies {
    padding: 25px 20px;
}

div#assignment-replies {
    border-top: 1px solid #DDDDDD;
}

span#assignment-replies-title {
    font-weight: bold;
}

#assignment-replies-content {
    font-size: 13px;
    margin-top: 10px;
    overflow: hidden;
}

#new-reply {
    margin-left: 3px;
}

.edit-comment-container img {
    float: left;
    height: 28px;
    margin: 5px 0 0 3px;
    position: relative;
    top: 0;
    width: 28px;
}

.edit-comment-textarea {
    font-size: 12px;
    height: 18px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    position: relative;
    width: 91%;
}

.edit-comment-container .save-comment-button, #new-submission-reply input.send {
    background: url("../images/button.png") repeat-x scroll left bottom transparent;
    border: 1px solid #999999;
    clear: left;
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    padding: 5px 7px;
    text-align: center;
}

input[type="submit"], input[type="button"], .eBtn {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #999999;
    color: #444444;
    cursor: pointer;
    overflow: visible;
    padding: 3px 5px;
}


.edit-comment-container .save-comment-button {
    clear: both;
    float: left;
    margin: 5px 0 10px 36px;
}

#middle-column3 {
    float: left;
    width: 590px;
}

#middle-column3 h3.page-title {
    background: none repeat scroll 0 0 #7A8692;
    border-bottom: 1px solid #828B9C;
    color: #FFFFFF;
    margin: 0 -7px 8px;
    padding: 10px;
    position: relative;
    top: -10px;
}

#middle-column3 h3.page-title img {
    float: left;
    margin-right: 5px;
}

#middle-column3 h3.page-title img {
    float: left;
    margin-right: 5px;
}

#middle-column3 h3.page-title {
    color: #FFFFFF;
}

#assignment-container {
    float: left;
    margin-bottom: 10px;
}

.EventDisplay {
    text-align: left;
}

.asubs .AssignmentEventDisplay {
    float: left;
    min-width: inherit;
    width: 590px;
}

.EventDisplay .thumb {
    float: left;
    margin: 0 10px 5px 0;
}

.asubs .EventDisplay.AssignmentEventDisplay .receivers, .asubs .EventDisplay .body {
    float: left;
    width: 535px;
}

.EventDisplay .body > * {
    clear: both;
    float: left;
}

.asubs .EventDisplay.AssignmentEventDisplay .receivers, .asubs .EventDisplay .body {
    float: left;
    width: 535px;
}

.EventDisplay .receivers span {
    font-weight: bold;
}


.EventDisplay .point {
    background: url("../images/up_tri.gif") no-repeat scroll 0 0 transparent;
    height: 6px;
    margin: 1px 0 0 20px;
    width: 9px;
}

.EventDisplay .event {
    background: none repeat scroll 0 0 #ECEFF5;
    padding: 7px 10px;
    width: 350px;
}

.asubs .EventDisplay.AssignmentEventDisplay .event {
    width: 515px;
}

.EventDisplay .event > * {
    clear: both;
    float: left;
    margin: 3px 0;
}

.EventDisplay .date {
    background-color: #3265B0;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0 3px;
    white-space: nowrap;
}

.asubs .EventDisplay .ass-desc {
    min-width: inherit;
    overflow-x: hidden;
    width: 100%;
}

.resources.ItemBox {
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 580px;
}

.AssignmentEventDisplay .resources.ItemBox {
    margin: 0;
    padding: 2px 0;
}

#middle-column .resources.ItemBox {
    width: 510px;
}

#RecycleBoxUI .RBItem .thumb, .resources.ItemBox > .thumb {
    border: 1px solid #EEEEEE;
    clear: left;
}

.AssignmentEventDisplay .resources.ItemBox > .thumb {
    border: 1px solid #AACCE5;
    margin-right: 5px;
    position: relative;
}

.resources.ItemBox > .thumb > a, #RecycleBoxUI .RBItem .thumb > div {
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #FFFFFF;
    height: 94px;
    width: 94px;
}

.resources.ItemBox > .thumb > a {
    border: medium none;
}

.resources.ItemBox > .thumb > a {
    background-image: none;
}

.small .resources.ItemBox > .thumb > a {
    background-position: center center;
    height: 60px;
    position: relative;
    width: 80px;
}

.AssignmentEventDisplay .small .resources.ItemBox > .thumb > a {
    left: 3px;
    position: absolute;
    top: 3px;
}

#middle-column3 .resources.ItemBox .thumb img {
    height: auto;
    margin-left: 0;
    width: 80px;
}

#middle-column3 .resources.ItemBox #resource_info {
    float: left;
    margin-left: 10px;
}

.resources.ItemBox .resource-info > * {
    clear: left;
}

.AssignmentEventDisplay .resources.ItemBox .title {
    width: 400px;
}

#assignment-container .attachments .title {
    color: #336699;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0;
    margin-top: 7px;
    padding: 0;
}

#middle-column3 .attachments .thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AACCE5;
    height: 60px;
    margin-right: 0;
    overflow: hidden;
    padding: 3px;
}

.ResourceInfo .download, .selected .ResourceInfo .download, .ResourceInfo .view, .selected .ResourceInfo .view, .ResourceInfo .edit, .selected .ResourceInfo .edit, .ResourceInfo .remove, .selected .ResourceInfo .remove, .ResourceInfo .add, .selected .ResourceInfo .add{
    background: url("../images/ txt.gif") no-repeat scroll 2px 2px transparent;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 0 0 5px 20px;
}

.AssignmentEventDisplay .ResourceInfo a {
    padding-top: 1px;
}

.small .resources.ItemBox .ResourceInfo a {
    font-size: 11px;
    margin-right: 0;
}

#middle-column3 .ResourceInfo .download {
    background-position: 0 0;
    float: left;
}


#middle-column3 .small .resources.ItemBox .ResourceInfo a.download {
    background: none repeat scroll 0 0 transparent;
    color: #118877;
    margin-top: 6px;
    padding-left: 0;
}

#my-assignment, .asubs #uploader {
    border-top: 1px solid #DFEDF6;
    clear: both;
    float: left;
    margin: 20px 0 0;
    padding-top: 25px;
    width: 100%;
}

.asubs #uploader > *, .asubs #comment > * {
    float: left;
}

.PostBox > .entry-boxes {
    clear: both;
    float: left;
    margin: 0;
}

.asubs .PostBox > .entry-boxes {
    margin: 0 0 10px;
}

.AssignmentEntry > *, .TextPostBox > *, .ChalkPostBox > *, .PollEntry > * {
    clear: both;
    float: left;
    margin: 5px 0;
}

.asubs .PostBox .TextPostBox textarea {
    margin: 0;
    width: 525px;
}

.asubs .PostBox, .asubs .PostBox > .btm {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 0;
    padding: 0 10px 0 5px;
}

.asubs .PostBox {
    margin-left: 5px;
    width: 525px;
}

.PostBox input.send[type="button"] {
    float: right;
    font-weight: bold;
    height: 28px;
    margin-left: 0;
    margin-right: 15px;
    padding: 0 15px 3px;
    position: relative;
    z-index: 91;
}


.asubs .PostBox input.send {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding: 2px 5px 3px;
}

.post-entry .ass-link.assign-results {
    background: url("../images/green-check.png") no-repeat scroll 3px 5px #F7F7F7;
    color: #118877;
    padding: 6px 5px 6px 22px;
}

#mainbody{
    /*background-attachment: fixed;
    background-color: #C9E0EE;
    background-image: url("../images/School Days Crayons 2.jpg");        
    background-repeat: repeat-y;*/
    background: transparent;
}

html {     
    background: url("../images/grungy-greenish-background.jpg") no-repeat center center fixed; 
    background: url("../images/moon-plain-background.jpg") no-repeat center center fixed; 
    background: url("../images/School Days Crayons 2.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}